@import "../../../../style/pc/red/theme";
.lexmis-Checkbox{
	display:inline-flex;
	align-items:center;
	cursor:pointer;
	vertical-align:middle;
	user-select:none;
	color:$-primary-color;
	&:focus{
		outline:0;
	}
	&.lexmis--disable{
		cursor:not-allowed;
		&.lexmis--true,&.lexmis--undefined{
			>.lexmis_box{
				background:$-box-border-color;
				border-color:$-box-border-color;
			}
		}
		>.lexmis_box{
			background:$-box-disable-color;
		}
	}
	&.lexmis--hoverable{
		&:hover,&:focus{
			>.lexmis_box{
				border-color:currentColor;
			}
		}
	}
	&.lexmis--true,&.lexmis--undefined{
		>.lexmis_box{
			background:currentColor;
			border-color:currentColor;
		}
	}
	&.lexmis--true{
		>.lexmis_box{
			>.lexmis-Icon{
				>.lexmis_true{
					opacity:1;
					stroke-dashoffset:0;
				}
			}
		}
	}
	&.lexmis--undefined{
		>.lexmis_box{
			>.lexmis-Icon{
				>.lexmis_undefined{
					opacity:1;
					transform:rotate(0) scale(1);
				}
			}
		}
	}
	>.lexmis_box{
		display:flex;
		justify-content:center;
		align-items:center;
		height:$-box-size;
		width:$-box-size;
		border:1px solid $-box-border-color;
		border-radius:$-box-border-radius;
		background:#fff;
		>.lexmis-Icon{
			width:100%;
			height:100%;
			color:#fff;
			>.lexmis_true{
				opacity:0;
				stroke:#fff;
				stroke-width:3.12px;
				stroke-dashoffset:29.78334;
				stroke-dasharray:29.78334;
				transition:stroke-dashoffset .18s cubic-bezier(.4, 0, .6, 1) 0ms;
			}
			>.lexmis_undefined{
				opacity:0;
				fill:#fff;
				transform-origin:50% 50%;
				transform:rotate(-280deg) scale(0);
				transition:transform .22s cubic-bezier(0,0,.2,1) 0ms;
			}
		}
	}
	>.lexmis_label{
		margin-left:$-mini-gap;
		color:$-content-color;
		font-size:$-content-font-size;
	}
}
